import React, {PureComponent} from "react";
import circleBlueJpg from "../../../img/circle_blue.jpg";

class ContactUs extends PureComponent {

    constructor(props) {
        super(props);
        this.state = {
            dataList: ["我要反馈", "本站开放API", "友情链接", "本站Apk下载",
                "交流群: 591683946", "本站历史", "商务合作", "赞助本站"]
        };
    }

    render() {

        return (
            <div style={cuWrapperStyle}>
                <div style={cuTitleStyle}>联系我们</div>
                <ul style={cuUlStyle}>

                   { this.state.dataList.map((item,index) =>{

                       return   <li style={cuLiStyle} key={index}>{item}</li>
                   })}
                </ul>
            </div>
        );
    }
}

export default ContactUs;


const cuWrapperStyle = {
    width: "100%",
    marginTop: 30,
    backgroundColor: "white",
    boxShadow:"2px 2px 2px #ccc",
    borderRadius:4,
};

const cuTitleStyle = {
    width: "100%",
    height: 42,
    lineHeight: "42px",
    borderBottom: "solid 2px #8db5d0",
    paddingLeft:10,
    color: "#333333",
    fontSize:16,
    boxSizing:"border-box",
};

const cuUlStyle = {
    width: "100%",
    marginLeft:12,
    paddingBottom:18,
};

const cuLiStyle ={
    height:20,
    lineHeight:"20px",
    paddingLeft:18,
    color:"#767676",
    marginTop:18,
    fontSize:14,
    background:`url(${circleBlueJpg}) 4px center no-repeat`,
    backgroundSize:"8px 8px",

};